 /*滑动菜单 */
 #top{
   width:100%;
   height:100px;
   display: flex;
   justify-content: center;
   align-items: center;
	 position: fixed;
	 top:54px;
	 height:110px;
	 background:#f2f2f2;
	 z-index: 99;
	 margin-top: -6px;
 }
 .top_center{
   width:96%;
   border-radius: 50px;
   background:#fff;
   display: flex;
   justify-content: center;
   align-items: center;
	 height:85%;
 }
 .top_center_left{
   width:80%;
   height:100%;
   overflow-x: hidden;
 }  
li {
  list-style: none;
}
.top_center_left1{
   width:100%;
   height:100%;
   overflow-x: scroll;
 }
#nav {
  width: 346%;
  height: 94px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
} 
#nav:before{
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 10px;
  background: #fff;
  left: 0;
  bottom: 0;
  z-index: 20;
}
.list {
   width: 100%;
   box-sizing: border-box;
   height:100%;
}
.item {
   float: left;
   width: 77px;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   font-size: 9px;
   color:#000;
   /* height:24px; */
   line-height: 24px;
}
.item>img{
   width:60px;
   height:35px;
   border-radius: 20px;
   margin-top:5px;
}
.item>p{
   font-size: 9px;
   color:#000;
   line-height: 24px;
}
.top_center_right{
   width:20%;
   height:100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}
.top_center_right>img{
   width:30px;
   height:30px;
   
}
.top_center_right>div{
   font-size: 14px;
   color:#ff9907;
}
.yangshi{
	color:#ff9907;
}
.xianshi{
   height:100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   margin-left: 10px;
}
.xianshi>img{
   width:60px;
   height:35px;
   border-radius: 20px;
   margin-top:5px;
}
.xianshi>p{
   font-size: 12px;
	 line-height:24px;
   color:#ff9907;
}
 /*section */
#section{
  width:100%;
  height:45px;
  background:#fff;
	position: relative;
	position: fixed;
	top:157px;
	z-index: 99;
}
#section>ul{
  width:100%;
  height:100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#section>ul>li{
  width:33%;
  height:100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#section>ul>li>div{
  width:80%;
  height:100%;
  font:14px/30px "";
  text-align: center;
	
}
.active{
  background:#ff9907;	
  border-radius: 50px;
  color:#fff;
}
.tab_information{
	width:100%;
	height:100%;
	background:#fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.weiHuoXinXi{
	height:100%;
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.weiHuoXinXi>p{
	height:100%;
	height:30px;
	line-height: 30px;
	width:50%;
	text-align: center;
}
.weiHuoShiChang{
	width:50%;
	height:100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.weiHuoShiChang>p{
	height:100%;
	height:30px;
	line-height: 30px;
	width:50%;
	color:#666;
	text-align: center;
}
.position_img{
	  position: absolute;
    right: 0;
    bottom: 0px;
    width: 41px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.position_img1{
	  width: 41px;
    height: 45px;
}
.position_img1>img{
	  width: 59%;
    height: 59%;
    margin-top: -115px;
    margin-left: 13px;
}
 /*main */
 #main{
	 width:100%;
	 margin-top:145px;
 }
 .main_center{
	width:100%;
	 height:100%;
}
.main_center0{
/* 	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 flex-wrap: wrap; */
	 height:100%;
}
.main_center1{
/* 	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 flex-wrap: wrap; */
	 height:100%;
}
.margin_list{
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 flex-wrap: wrap; 
}
.margin_list3{
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 flex-wrap: wrap; 
}
 /*一行2列 */
.main_center_list{
	float: left;
	width:49%;
	height:100%;
	margin-top: 8px;
	height:220px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
	position: relative;

}
.main_center_list_c{
	width:100%;
	height:190px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.main_center_list_c .main_img{
	width:100%;
	height:100%;
	object-fit: cover;
	
}
.main_center_list_t{
	width:100%;
	height:190px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.main_center_list_t .main_img{
	width:100%;
	height:100%;
	object-fit: cover;
	
}
.main_center_list>p{
	width:100%;
	height:30px;
	font: 12px/30px "";
	color:#666;
	background:#fff;
	text-align: left;
	text-indent: 10px;
}
.main_img1{
	width:30%;
	position: absolute;
	right:0;
	top:0;
}
 /*一行3列 */
 .margin_list1{
 	 display: flex;
 	 justify-content: space-between;
 	 align-items: center;
 	 flex-wrap: wrap; 
 }
 .margin_list4{
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	flex-wrap: wrap; 
	
 }
.main_center_list2{
	float:left;
	width:32%;
	height:100%;
	margin-top: 8px;
	height:167px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
	position: relative;

}
.main_center_list2_c2{
	width:100%;
	height:137px;
	display: flex;
	justify-content:center;
	align-items: center;
}
.main_center_list2_c2 .main_img2{
	width:100%;
	height:100%;
	object-fit: cover;
}
.main_center_list_t1{
	width:100%;
	height:137px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.main_center_list_t1 .main_img{
	width:100%;
	height:100%;
	object-fit: cover;
	
}
.main_center_list2>p{
	width:100%;
	height:30px;
	font: 10px/30px "";
	color:#666;
	background:#fff;
	text-align: left;
	text-indent: 10px;
}
.main_img3{
	width:30%;
	position: absolute;
	right:0;
	top:0;
}
 /*一行4列 */
 .margin_list2{
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	flex-wrap: wrap; 
 }
 .margin_list5{
 display: flex;
 justify-content: space-between;
 align-items: center;
 flex-wrap: wrap; 
 
 }
.main_center_list3{
	float:left;
	width:24%;
	height:100%;
	margin-top: 8px;
	height:118px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
	position: relative;
}
.main_center_list3_c3{
	width:100%;
	height:98px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.main_center_list3_c3 .main_img4{
	width:100%;
	height:100%;
	
}
.main_center_list_t2{
	width:100%;
	height:98px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.main_center_list_t2 .main_img{
	width:100%;
	height:100%;
	object-fit: cover;
	
}
.main_center_list3>p{
	width:100%;
	height:30px;
	font: 9px/30px "";
	color:#666;
	background:#fff;
	text-align: left;
  text-indent: 10px;
	overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.main_img5{
	width:30%;
	position: absolute;
	right:0;
	top:0;
}
.show{
	display: block;
}
.hide{
	display: none;
}
.jiage{
	 position:absolute;
	 right:0;
	 bottom: 30px;
	 width:40%;
	 height:25px;
	 background:#ff9907;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 border-top-left-radius:10px;
 }
 .cuojia{
	 width:40%;
	 height:100%;
	 font-size:12px;
	 line-height: 25px;
	 color:#fff;
	 display: flex;
	 justify-content: flex-end;
	 align-items: center;
	 text-decoration:line-through;
	 margin-top:5px;
 }
 .zhenjia{
	 width:60%;
	 height:100%;
	 font-size:14px;
	 line-height: 30px;
	 color:#fff;
	 text-align: center;
	 
 }
 .jiage1{
 	position:absolute;
 	right:0;
 	bottom: 30px;
 	width:50%;
 	height:25px;
 	background:#ff9907;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	border-top-left-radius:10px;
 }
 .cuojia1{
 	width:40%;
 	height:100%;
 	font-size:12px;
 	line-height: 25px;
 	color:#fff;
 	display: flex;
 	justify-content: flex-end;
 	align-items: center;
 	text-decoration:line-through;
 	margin-top:5px;
 }
 .zhenjia1{
 	width:60%;
 	height:100%;
 	font-size:14px;
 	line-height: 30px;
 	color:#fff;
 	text-align: center;
 	
 }
 .jiage2{
 	position:absolute;
 	right:0;
 	bottom: 28px;
 	width:60%;
 	height:25px;
 	background:#ff9907;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	border-top-left-radius:10px;
 }
 .cuojia2{
 	width:60%;
 	height:100%;
 	font-size:9px;
 	line-height: 25px;
 	color:#fff;
 	display: flex;
 	justify-content: flex-end;
 	align-items: center;
 	text-decoration:line-through;
 	margin-top:3px;
 }
 .zhenjia2{
 	width:60%;
 	height:100%;
 	font-size:12px;
 	line-height: 25px;
 	color:#fff;
 	text-align: center;
 	
 }
 /*点击全部分类弹出层的css */
#ceng{  
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.2);
  position: fixed;
  top:54px;
  display: none;
	overflow-y: scroll;
	z-index: 100;
} 
.quanFixrd{
  width:75%;
  height:290%;
  background:#fff;
  margin-left:25%;
}
.quanFixrd_top{
  width:100%;
  height:70%;
}
.quanFixrd_bottom{
	padding-top:10px;
  width:80%;
  display: flex;
  justify-content: center;
  align-items: center;
	position: fixed;
  bottom:0;
	background:#fff;
	height: 55px;
	z-index: 99;
}
.quanFixrd_bottom>div{
	width:100px;
	color:#ff9907;
	font-size:14px;
	border:1px solid #ff9907;
	line-height: 30px;
	text-align: center;
	border-radius: 25px;
	margin-bottom: 15px;
}
.quanFixrd_bottom>div:first-child{
	color:#fff;
	background:rgba(255,153,7,1);
}
.act{
	background:rgba(255,153,7,1)
	color:#fff;
}
.act1{
	color:#ff9907;
}
.quanFixrd_bottom>div:last-child{
	margin-left:10px;
}
.one_select{
    height:50px;
	width:100%;
	border-bottom:1px solid #f2f2f2;
	line-height:50px;
	padding-left:15px;
	color:#282828;
	font-size:16px;
}
.quanFixrd_top> .ol> .li{
	height:50px;
	border-bottom:1px solid #f2f2f2;
	width:100%;
	display: flex;
    justify-content: space-between;
	align-items: center;
	position: relative;
}
.oneclassify{
	color:#282828;
	font-size:16px;
	width:80%;
	line-height: 50px;
	height:100%;
	z-index: 99;
	margin-left:15px;
}
.oneclassify_img{
    width:20%;
	height:100%;
	display: flex;
	justify-content:center;
	align-items: center;
	position: relative;
}
.oneclassify_img>img{
    width:30%;
}
.img1{
	position: absolute;
	right:20px;
	display: block;
}
.img2{
	display: none;
}
.twoClasslist{
	display:none;
}
.twoClassify{
	 width:100%;
	 height:100%;
	 display: flex;
	 justify-content: flex-start;
	 align-items: center;
	 flex-wrap: wrap;
	 padding-bottom: 15px;
	 border-bottom:1px solid #f2f2f2;
}
.twoClassify>li{
   width:75px;
	 margin-top:15px;
	 background:#f2f2f2;
	 text-align: center;
	 font:14px/30px "";
	 height:30px;
	 border-radius: 5px;
	 margin-left: 14px;
	 /* background:url(../images/add/fl_ok.png) no-repeat;
	 background-size:100%; */
}	
.twoType{
	background:url(../images/add/fl_ok.png) no-repeat 100% 100%;
	background-size:100%;
}
